<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="ststic/js/vue.js"></script>
    <script src="ststic/js/jquery.js"></script>

</head>
<body>

<id id="app">

    <table>
        <thead>
        <tr>
            <td>产品号</td>
            <td>品牌</td>
            <td>价格</td>
            <td>产品名</td>
        </tr>
        </thead>
        <tbody>
        <tr v-for="item in students">
            <td>{{item.id}}</td>
            <td>{{item.name}}</td>
            <td>{{item.price}}</td>
            <td>{{item.brand}}</td>
        </tr>
        </tbody>

    </table>
</id>

<script>

    let vm = new Vue({
        el: "#app",
        data: {
            students: [
                {
                    id: "1",
                    name: "红米k20",
                    price:"999",
                    brand:"小米"
                }
            ]
        },
        created() {
            $.ajax('/studentlist', {
                success:data => this.students = data
            })


        }
    })

</script>

</body>
</html>